#noCompile

doctype 5
html ->
	head ->
		meta charset: "utf-8"
		title "lkytal"
		meta name: "viewport", content: "width=device-width, initial-scale=1.0"
		meta name: "renderer", content: "webkit"
		link rel: "shortcut icon", href: "/favicon.ico"
		link rel: "stylesheet", href: "//libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css"		
		ie "lte IE 7", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie7.css"
		ie "lte IE 6", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie6.min.css"
		ie "lt IE 9", ->
			script src: "//cdn.bootcss.com/html5shiv/r29/html5.js"
			script src: "//cdn.bootcss.com/respond.js/1.4.2/respond.js"
			script src: "//cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"

		link rel: "stylesheet", href: "css/blog.css"
		style """
			.bg {
				background-image: url('http://lkytal.qiniudn.com/bg.jpg');
				max-height: 450px;
			}
			.notinview {
				opacity: 0.3;
			}
			"""
	body "data-spy": "scroll", "data-target": ".bs-navbar-scrollspy", ->
		div ".cover-index.bg", ->
			div ".cover-touming", ->
				div ".cover-wrapper", ->
					div ".logo", ->
						h1 ".faith", "USTC Magic"
					div ".cover-index-content", ->
						div ".content", ->
							p "快去练双翻!"
		
		div "#mynav.navbar.navbar-default.navbar-fixed-top", role: "navigation", ->
			div ".container", ->
				div ".navbar-header", ->
					a ".navbar-brand", href: "/", ->
						span "Magic"
				div ".collapse.navbar-collapse", ->
					ul ".nav.navbar-nav", ->
						li ->
							a href: "/blog", "Blog"
						li ->
							a href: "/tag", "Tag"
						li ->
							a href: "/view", "View"
					ul ".nav.navbar-nav.navbar-right", ->
						li ->
							a href: "/about", "About"
							
		for item in @data
			div ".cover-content", ->
				div ".banner", ->
					a name: "cover"
					h2 ->
						a name: "cover"
						a href: "blog/#{item.id}", target: "_blank", item.title
				div ".content.notinview", ->
					p @md.toHTML item.text
					p "... ..."
					a href: "blog/#{item.id}", "查看详细"
				
		div ".footer", ->
			div ".container-fluid", ->
				div ".container", ->
					div ".row", ->
						div ".col-md-12", ->
							ul ".list-inline", ->
								li ->
									text "Power By &nbsp;"
									a href: "http://nodejs.org/", "Node.js"
								li ->
									text "Sprit By &nbsp;"
									a href: "https://github.com", "Github"
								li ->
									text "2014, &nbsp;code By &nbsp;"
									a href: "http://lkytal.github.io/", "lkytal"
									
		span "#scrollUp", style: "position: fixed; z-index: 2147483647;", "Top"
		script src: "http://libs.baidu.com/jquery/1.9.0/jquery.min.js"
		#script src: "http://libs.baidu.com/bootstrap/3.2.0/js/bootstrap.min.js"
		script src: "/js/jquery.inview.min.js"
		script src: "/js/blog.js"
		ie "lte IE 6", ->
			script src: "/js/bootstrap-ie6.js"
